<!--
  @Description:新闻详情
  @author Wangshu
  @date 2019/8/19
-->

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="__PUBLIC__/css/common/bootstrap.min.css">
    <link rel="stylesheet" href="__PUBLIC__/css/header.css">
    <link rel="stylesheet" href="__PUBLIC__/css/common/common.css">
    <title>山东科技大学技术转移公共服务平台-新闻详情</title>
    <style>
        main {
            background: #f8f8f8;
            overflow: hidden;
        }

        .content-wrap {
            width: 1200px;
            min-height: 572px;
            background: #fff !important;
            overflow: hidden;
            padding: 0 0;
            margin: 20px auto !important;
        }

        .site {
            margin: 1rem 2rem;
        }

        .site > span a {
            vertical-align: middle;
            font-size: 13px;
            color: rgba(153, 153, 153, 1);
            line-height: 22px;
        }

        .site > span img {
            vertical-align: middle;
            height: 16px;
        }

        .active {
            color: #2065a0 !important;
        }

        .art-tit h1 {
            /*text-align: center;*/
            /*font-size: 32px;*/
            /*margin: 20px 0;*/
            /*padding: 0 30px;*/
            width: 900px;
            text-align: center;
            font-size: 1.7rem;
            margin: 20px auto;
            padding: 0 30px;
        }

        .art-tit > div {
            text-align: center;
            font-size: 18px;
            color: #999;
            line-height: 25px;
        }

        .line {
            height: 1px;
            background: #e3e3e3;
            margin: 20px 30px;
        }

        .content {
            padding: 0 100px;
            text-align: justify;
        }

        .content p {
            text-indent: 2em;
            margin: 15px 0px 15px 0px;
            font-size: 1.1rem;
            font-weight: 400;
            color: #555;
            line-height: 1.5rem;
            letter-spacing: 1px;
        }
    </style>
</head>
<body>
<head>
    <div class="top-title">
        <div>
            <span>欢迎登陆山东科技大学技术转移公共服务平台！</span>
            <if condition="$uid eq null">
                <div class="login">
                    <img src="__PUBLIC__/asset/icon/people.png" alt="">
                    <a href="{:url('login/index')}">登录</a>
                    <span class="spece">|</span>
                    <a href="{:url('login/signup')}">注册</a>
                </div>
                <else/>
                <div class="login">
                    <img src="__PUBLIC__/asset/icon/people.png" alt="">
                    <a href="{:url('me/me')}">欢迎你！</a>
                    <a href="{:url('me/me')}">{$user.real_name}</a>
                </div>
            </if>
        </div>
    </div>
    <div class="logo-box">
        <div class="logo-wrap">
            <div>
                <img src="__PUBLIC__/asset/fodder/logo.png" alt="">
            </div>
            <div>
                <div class="search">
                    <div class="dropdown">
                        <div class="btn select-default dropdown-toggle" type="button" id="dropdownMenu1"
                             data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            请选择学院
                            <span><img style="width: 20px;" src="__PUBLIC__/asset/icon/dropdown.png" alt=""></span>
                        </div>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <foreach name="allColleges" item="vo">
                                <li><a onclick="shows1($(this).text(),{$vo.id})">{$vo.college_name}</a></li>
                            </foreach>
                        </ul>
                    </div>
                    <div class="search-block">
                        <input type="text" name="keyword" id="keyword">
                    </div>
                    <div class="submit" id="submit">
                        <img src="__PUBLIC__/asset/icon/search.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-box">
        <div class="nav-list">
            <ul>
                <li><a href="{:url('/index/index')}">首页</a></li>
                <li class="active"><a href="{:url('news/index')}">新闻</a></li>
                <li><a href="{:url('people/index')}">人才库</a></li>
                <li><a href="{:url('fruit/index')}">成果库</a></li>
                <if condition="$user_type eq 0">
                <li><a href="{:url('requirement/index')}">需求库</a></li>
                </if>
                <li><a href="{:url('me/callme')}">联系我们</a></li>
            </ul>
        </div>
    </div>
</head>


<main>
    <div class="content-wrap">
        <div class="site">
            <span><a href="{:url('/index/index')}">首页</a> <img src="__PUBLIC__/asset/icon/right.png" alt=""></span>
            <span><a href="{:url('news/index')}">新闻</a>  <img src="__PUBLIC__/asset/icon/right.png" alt=""></span>
            <span><a class="active" href="">正文</a> </span>
        </div>

        <div class="art-tit">
            <h1>{$detail.title}</h1>
            <div>
                发布时间：<span>{$detail.published_time|date='Y-m-d'}</span>
            </div>
            <div class="line"></div>
        </div>
        <div class="content">
            <!--内容部分-->
            {$detail.content|raw}
        </div>
    </div>
</main>


<footer>
    <div class="foot-line">
        <span>青岛校区地址：山东省青岛市黄岛区前湾港路579号</span>
        <span>邮政编码：266590</span>
        <span>联系电话：0532-80698028\80698027\80678029</span>
        <span>传真：0532-80698029</span>
    </div>
    <div class="foot-line">
        <span>泰安校区地址：山东省泰安市岱宗大街223号</span>
        <span>邮政编码：271019</span>
        <span>联系电话：0538-3076489</span>
        <span>传真：0538-3076489</span>
    </div>
    <div class="last-line">
        Copyright©2019 　山东科技大学 　鲁ICP备09051012号
        <span style="line-height: 26px ; margin-left: 20px;"><img
                style="width: 44px;height: 17px; margin-right: 10px;vertical-align: middle"
                src="__PUBLIC__/asset/fodder/todo_white.png" alt=""><span
                style="vertical-align: middle">投道科技提供技术支持</span></span>
    </div>
    <div></div>
</footer>
<script src="__PUBLIC__/js/public/jquery-1.11.3.min.js"></script>
<script src="__PUBLIC__/js/public/bootstrap.min.js"></script>
<script src="__PUBLIC__/js/layer/layer/layer.js"></script>
<script>

    $('.dropdown-toggle').dropdown()

    var selectCollege = null;
    function shows1(a,id) {
        selectCollege = {id,college:a};
        $("#dropdownMenu1").text(a);
    }



    $("#submit").on('click',function () {
        var name = $("#keyword").val();
        if(!selectCollege){
            window.open("{:url('news/index')}?keyword="+name)
        }else{
            window.open("{:url('news/index')}?college="+selectCollege.id+"&keyword="+name)
        }
    })
</script>
</body>
</html>
